<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/userCenter.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<div class="inbox user-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">
            <?php include 'include/leftnav.php';?>
        </div>
        <!--主体部分-->
        <div class="container">
            <!--用户信息-->
            <div class="container-inner">
                <div class="content-1 u-zone">
                    <div class="head-wrap fn-fl">
                        <img class="head-img fn-fl" src="../images/def-head.png" alt="">
                        <div class="con">
                            <p class="font-14">用户名****</p>
                            <span class="text-color-4">账号安全：</span>
                            <div class="bl-progress bl-progress-striped fn-dib">
                                <div class="bl-progress-bar progress-bar-success" style="width: 80%;"></div>
                            </div>
                            <span class="text-color-success">较高</span>
                        </div>
                    </div>

                    <ul class="ui-cols-3 u-welfare-list">
                        <li class="col"><a href="#"><i class="icon icon-zone1"></i><span class="fn-db">我的订单</span></a></li>
                        <li class="col"><a href="#"><i class="icon icon-zone2"></i><span class="fn-db">我的收货地址</span></a></li>
                        <li class="col"><a href="#"><i class="icon icon-zone3"></i><span class="fn-db">我的福袋</span></a></li>
                    </ul>
                </div>

                <div class="content-1 order-type-list">
                    <ul class="ui-cols-5 fn-tc">
                        <li class="col"><a href="#">待付款（0）<span class="borr"></span></a></li>
                        <li class="col"><a href="#">待发货（0）<span class="borr"></span></a></li>
                        <li class="col"><a href="#">待收货（0）<span class="borr"></span></a></li>
                        <li class="col"><a href="#">待评价（0）<span class="borr"></span></a></li>
                        <li class="col"><a href="#">退款（0）</a></li>
                    </ul>
                </div>
            </div>
            <!--END/用户信息-->

            <!--订单和收藏-->
            <?php include 'include/favAndorder.php';?>
            <!--END/订单和收藏-->
        </div>
        <!--END/主体部分-->

    </div>
</div>

<!--物流 模板-->
<?php include 'include/express.php';?>
<!--END/物流 模板-->

<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->


<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->

<!--<script src="../js/home.js"></script>-->
</body>
</html>